
@mixin border($color) {
    border: none;
    &:after {
        content: '';
        position: absolute;
        bottom: 0;
        background: $color;
        width: 100%;
        height: 1px;
        left: 0;
        transform-origin: 0 0;
        @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
            transform: scaleY(0.5);
        }
    }
}

@mixin page {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    background-color: $main-bgc;
    min-height: 100%;
    font-size: 1.2rem;
    overflow-y: scroll;
    box-sizing: border-box;
}

@mixin pageBottom {
    position: absolute;
    top: 0;
    bottom: $tabbar-height;
    width: 100%;
    background-color: $main-bgc;
    min-height: 100%;
    font-size: 1.2rem;
    overflow-y: scroll;
    box-sizing: border-box;
}